<!-- 内容部分从body内获取．去头去尾．自己的脚本参考index.html -->
<!-- home -->
<section class="home">
	<div class="intro">
		<div id="home" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#home" data-slide-to="0" class="active"></li>
				<li data-target="#home" data-slide-to="1"></li>
				<li data-target="#home" data-slide-to="2"></li>
				<li data-target="#home" data-slide-to="3"></li>
				<li data-target="#home" data-slide-to="4"></li>
				<li data-target="#home" data-slide-to="5"></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>Last Chance</h1>
									<h2>
										Biggest <span class="highlight">Sale</span>
									</h2>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet. Teer eam exerci vputate
										consetetur.</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="resources/images/person.png"
									height="742" alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>Last Chance</h1>
									<h2>
										Biggest <span class="highlight">Sale</span>
									</h2>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet. Teer eam exerci vputate
										consetetur.</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="resources/images/option.png"
									alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>Last Chance</h1>
									<h2>
										Biggest <span class="highlight">Sale</span>
									</h2>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet. Teer eam exerci vputate
										consetetur.</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="resources/images/option.png"
									alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>Last Chance</h1>
									<h2>
										Biggest <span class="highlight">Sale</span>
									</h2>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet. Teer eam exerci vputate
										consetetur.</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="resources/images/person.png"
									alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>Last Chance</h1>
									<h2>
										Biggest <span class="highlight">Sale</span>
									</h2>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet. Teer eam exerci vputate
										consetetur.</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="resources/images/option.png"
									alt="" />
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-sm-7">
								<div class="intro-content">
									<h1>Last Chance</h1>
									<h2>
										Biggest <span class="highlight">Sale</span>
									</h2>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet. Teer eam exerci vputate
										consetetur.</p>
									<a class="btn btn-default">Shop Now</a>
								</div>
							</div>
							<div class="col-sm-5">
								<img class="img-responsive" src="resources/images/person.png"
									alt="" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Controls -->
			<a class="left carousel-control" href="#home" role="button"
				data-slide="prev"><i class="fa fa-angle-left"></i></a> <a
				class="right carousel-control" href="#home" role="button"
				data-slide="next"><i class="fa fa-angle-right"></i></a>
		</div>
	</div>
</section>

<!-- service -->
<section class="service">
	<div class="container">
		<div class="row">
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-android"></i></span>
					<h3>Choose a product</h3>
					<p>Cicero famously orated against his political opponent Lucius
						Sergius Catilina type.</p>
				</div>
			</div>
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-apple"></i></span>
					<h3>Choose a product</h3>
					<p>Cicero famously orated against his political opponent Lucius
						Sergius Catilina type.</p>
				</div>
			</div>
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-html5"></i></span>
					<h3>Choose a product</h3>
					<p>Cicero famously orated against his political opponent Lucius
						Sergius Catilina type.</p>
				</div>
			</div>
			<div class="col-sm-3 text-center">
				<div class="service-detail">
					<span class=" fa diamond"> <i class="fa fa-css3"></i></span>
					<!--span><i class="fa fa-folder-o s-icon"></i></span-->
					<h3>Choose a product</h3>
					<p>Cicero famously orated against his political opponent Lucius
						Sergius Catilina type.</p>
				</div>
			</div>
		</div>
	</div>
</section>
<div class="copyrights">
	Collect from <a href="#" title="ģ��֮��">ģ��֮��</a>
</div>

<!-- featured product -->
<section class="featured-product">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="">
					<h1>
						<span class="t-color-1">Featured</span> Products <small
							class="btn-group hidden-xs"> <a
							class=" btn btn-default btn-sm dropdown-toggle"
							data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All
								Categries <i class="fa fa-bars"></i>
						</a>
							<ul class="dropdown-menu">
								<li><a href="#">Option 1</a></li>
								<li><a href="#">Option 2</a></li>
							</ul>
						</small>
					</h1>
					<div class="heading-border b-color-1"></div>
				</div>
			</div>
		</div>
		<!-- section title -->
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"><i class="fa fa-angle-left"></i></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"><i
					class="fa fa-angle-right"></i></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<!--span class="e-label"><div>Sale</div></span-->
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<!--span class="e-label"><div>Sale</div></span-->
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<span class="service-link text-center"> <img
									class="img-responsive" src="resources/images/f-pro-1.jpg"
									alt="">
									<div class="list-inline">
										<a href=""><i class="fa fa-eye"></i></a> <a href=""><i
											class="fa fa-link"></i></a>
									</div>
								</span>
								<div class="caption">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- eCustom adds -->
<section class="eCustom-adds">
	<div class="container">
		<div class="row">
			<div class="col-sm-4">
				<div class="single-add">
					<h4>
						Get <span>50%</span> Discount
					</h4>
					<a href="#" class="btn btn-default" role="button">Learn More</a> <span
						class="img-add"><img src="resources/images/red-tablet.png"
						alt="" /></span>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="single-add">
					<h4>
						Best <span>Offer</span> for You
					</h4>
					<a href="#" class="btn btn-default" role="button">Learn More</a> <span
						class="img-add"><img src="resources/images/red-tablet.png"
						alt="" /></span>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="single-add">
					<h4>
						<span>Only</span> Best smartphone
					</h4>
					<a href="#" class="btn btn-default" role="button">Learn More</a> <span
						class="img-add"><img src="resources/images/red-tablet.png"
						alt="" /></span>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- best selling -->
<section class="best-selling">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<h1>
					<span class="t-color-2">Best</span> Selling <small
						class="btn-group hidden-xs"> <a
						class=" btn btn-default btn-sm dropdown-toggle"
						data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All
							Categries <i class="fa fa-bars"></i>
					</a>
						<ul class="dropdown-menu">
							<li><a href="#">Option 1</a></li>
							<li><a href="#">Option 2</a></li>
						</ul>
					</small>
				</h1>
				<div class="heading-border b-color-2"></div>
			</div>
		</div>
		<!-- section title -->
		<div id="best-selling" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#best-selling" data-slide-to="0" class="active"><i
					class="fa fa-angle-left"></i></li>
				<li data-target="#best-selling" data-slide-to="1"><i
					class="fa fa-angle-right"></i></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img class="img-responsive" src="resources/images/e-add-1.jpg"
										alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img src="resources/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img src="resources/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="media">
								<div class="media-left">
									<img src="resources/images/e-add-1.jpg" alt="">
								</div>
								<div class="media-body">
									<div class="category">
										category
										<div class="pull-right">
											<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star"></i> <i class="fa fa-star"></i> <i
												class="fa fa-star-o"></i>
										</div>
									</div>
									<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
									<strong>$899.00</strong>
									<div>
										<a href="#" class="btn btn-default" role="button">Add to
											Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i>
											Add to Wishlist</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- special price -->
<section class="special-price">
	<div class="price-intro">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div class="pull-left">
						<blockquote>
							<h1>iPhone 6 16Gb Gold</h1>
							<p>Cicero famously orated against his political opponent
								Lucius Sergius against his political.</p>
					</div>
					</blockquote>
					<div class="pull-right">
						<a class="btn btn-default btn-lg"> Call to Action</a>
					</div>
				</div>
			</div>
			<!-- section title -->

		</div>
	</div>
</section>

<!-- product info -->
<section class="product-info">
	<div class="container">
		<div class="row">
			<div class="col-sm-4">
				<h1>
					<span class="t-color-3">New</span> Arrival
				</h1>
				<div class="heading-border b-color-3"></div>
				<ul class="media-list">
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
				</ul>
			</div>
			<div class="col-sm-4">
				<h1>
					<span class="t-color-4">Special</span> Product
				</h1>
				<div class="heading-border b-color-4"></div>
				<ul class="media-list">
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
				</ul>
			</div>
			<div class="col-sm-4">
				<h1>
					<span class="t-color-5">Top</span> Rated
				</h1>
				<div class="heading-border b-color-5"></div>
				<ul class="media-list">
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
					<li class="media">
						<div class="media-left text-center">
							<img src="resources/images/product-1.jpg" alt=""> <a
								href="#"><i class="fa fa-eye"></i></a>
						</div>
						<div class="media-body">
							<h3 class="media-heading">Lorem ipsum dolor sit amet</h3>
							<div class="category">
								<i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star"></i> <i class="fa fa-star"></i> <i
									class="fa fa-star-o"></i>
							</div>
							<strong>$899.99</strong>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</section>

<!-- Recent Post -->
<section class="recent-post">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<h1>
					<span class="t-color-6">Recent</span> Post
				</h1>
				<div class="heading-border b-color-6"></div>
			</div>
		</div>
		<!-- section title -->
		<div id="recent-post" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#recent-post" data-slide-to="0" class="active"><i
					class="fa fa-angle-left"></i></li>
				<li data-target="#recent-post" data-slide-to="1"><i
					class="fa fa-angle-right"></i></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="thumbnail">
								<img class="img-responsive" src="resources/images/e-add-1.jpg"
									alt="">
								<div class="text-center">
									<i class="fa fa-search"></i>
								</div>
								<div class="caption">
									<h3 class="media-heading">Lorem ipsum dolor sit amet
										dolorem molestie</h3>
									<span><a href="#"> 5 July 2014</a><a href="#"><i
											class="fa fa-user"></i> Arif</a></span>
									<p>Nam apeirian assentior ei, utquo eros posse verterem.
										Cum eu error congue saperet treer eam exerci utquo eros posse
										verterem error.</p>
									<span class="comment"><i class="fa fa-comments"></i> 5
										comments</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- sponsor -->
<section class="sponsor">
	<div class="container">
		<div id="sponsor" class="carousel slide" data-ride="carousel">
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<div class="row">
						<div class="col-sm-12">
							<ul class="list-inline text-center">
								<li><img class="" src="resources/images/1.gif" /></li>
								<li><img class="" src="resources/images/2.png" /></li>
								<li><img class="" src="resources/images/3.png" /></li>
								<li><img class="" src="resources/images/4.png" /></li>
								<li><img class="" src="resources/images/5.png" /></li>
								<li><img class="" src="resources/images/6.png" /></li>
								<li><img class="" src="resources/images/7.png" /></li>
								<li><img class="" src="resources/images/8.png" /></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="item">
					<div class="row">
						<div class="col-sm-12">
							<ul class="list-inline text-center">
								<li><img class="" src="resources/images/1.gif" /></li>
								<li><img class="" src="resources/images/2.png" /></li>
								<li><img class="" src="resources/images/3.png" /></li>
								<li><img class="" src="resources/images/4.png" /></li>
								<li><img class="" src="resources/images/5.png" /></li>
								<li><img class="" src="resources/images/6.png" /></li>
								<li><img class="" src="resources/images/7.png" /></li>
								<li><img class="" src="resources/images/8.png" /></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- Controls -->
			<a class="control-left" href="#sponsor" role="button"
				data-slide="prev"><i class="fa fa-angle-left"></i></a> <a
				class="control-right" href="#sponsor" role="button"
				data-slide="next"><i class="fa fa-angle-right"></i></a>
		</div>
	</div>
</section>


